html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

1 reply

7 days agoView thread

Brit Hemming · 1:56 PM

Brit Hemming

1:56 PM

what else?

3 replies

Last reply 7 days agoView thread

Brit Hemming · 1:57 PM

Brit Hemming

1:57 PM

quick thumbs up if you are still with me

2:00

2:00

got your google font ready?

Brit Hemming · 2:02 PM

Brit Hemming

2:02 PM

with me so far?

5 replies

Last reply 7 days agoView thread

Brit Hemming · 2:08 PM

Brit Hemming

2:08 PM

how do I make something round?

4 replies

Last reply 7 days agoView thread

Brit Hemming · 2:13 PM

Brit Hemming

2:13 PM

everyone with me?

1 reply

7 days agoView thread

Jaden Walker · 2:13 PM

Jaden Walker 2:13 PM

how did you launch this to your browser?

1 reply

7 days agoView thread

Brit Hemming · 2:13 PM

Brit Hemming

2:13 PM

https://www.notion.so/lambdaschool/4da087ea26dd441bbc8030198811150d?v=5c67662450d14d64b0b2b6d32b841fee

Brit Hemming · 2:13 PM

Brit Hemming

2:13 PM

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

marketplace.visualstudio.com

Live Server - Visual Studio Marketplace

Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic pages

1 reply

7 days agoView thread

bryan-guner · 2:14 PM

bryan-guner 2:14 PM

https://levelup.gitconnected.com/everything-you-need-to-get-started-with-vscode-extension[…]e=your_stories_page-------------------------------------

Medium

Everything You Need to Get Started With VSCode + Extensions & Resources

Commands:

Reading time

17 min read

Mar 20th (62 kB)

https://miro.medium.com/freeze/max/896/0*BByhnDoVQdRPdO4F.gif

Jordan Sipe · 2:15 PM

Jordan Sipe 2:15 PM

@Giovanni Torres
Hit the button that replaced the go live. You server is still up.

1 reply

7 days agoView thread

Brit Hemming · 2:16 PM

Brit Hemming

2:16 PM

what's my next command?

8 replies

Last reply 7 days agoView thread

Brit Hemming · 2:34 PM

Brit Hemming

2:34 PM

@channel Thanks for sticking with me today. I know that was a TON of information. Today's guided project will be available here as soon as it's finished processing: https://youtu.be/tDTNYVA-y0c

YouTube | Lambda School

Intro to CSS

Bobby Ashley IV · 4:52 PM

Bobby Ashley IV 4:52 PM

was there a zoom going on for assistance? I got a notification but can't seem to find it

1 reply

7 days agoView thread

Gabrielle Crevecoeur · 5:00 PM

Gabrielle Crevecoeur 5:00 PM

@channel time for optional Q&A.. https://lambdaschool.zoom.us/j/2353932685

1 reply

7 days agoView thread

Christopher Henao · 6:40 PM

Christopher Henao 6:40 PM

During the guided project zoom there was no attendance quiz and you said not to worry about it today, but now one popped up. Do we need to complete it?

3 replies

Last reply 7 days agoView thread

Slackbot · 7:00 PM

Slackbot 7:00 PM
Reminder: @channel Hope you had a wonderful and productive day today!

Just a reminder, if you haven't done so yet, to please turn in your

Module Project,

Check For Understanding, and

Pulse Check forms in Canvas for today. Thank you and have a great evening!

bryan-guner · 8:28 PM

bryan-guner 8:28 PM

How to properly unwind from a long day of coding

2 files

bryan-guner · 8:38 PM

bryan-guner 8:38 PM
Disclaimer: the following footage contains a graphic video clip of a vicious pit bull attack, some viewers may find these images to be disturbing: viewer discretion advised

QuickTime Movie

Dominick · 9:01 PM

Dominick

9:01 PM

@channel C'mon in for Evening Support Hours from 6pm-8pm Lambda Time; bring your

, and hop on in!

Dominick · 9:47 PM

Dominick

9:47 PM

@channel Part 2 of Evening Support Hours are on now!

link here

Dominick · 10:33 PM

Dominick

10:33 PM

@channel Tune in for tonight's cliffhanger episode of Evening Support Hours by clicking this link!

Jason Hemann · 9:01 AM

Jason Hemann 9:01 AM

@channel

Morning Support Hours are beginning now 6-8 PST! Grab some coffee

and come in and ask any questions

you may have

Link

Brit Hemming · 11:09 AM

Brit Hemming

11:09 AM

Good Morning @channel it's your last day of class for sprint 1

Today all of our

CSS woes

are answered with flexbox

if you need some more flexbox resources these are awesome:

Free Wes Bos course - https://flexbox.io

Awesome Games: (yes, learning is fun sometimes

)

I know yesterday's project was a struggle. Often times it has to do with how we are laying out our HTML. Here is a video of me solving yesterday's project so that you can compare your work. A little disclaimer, I may make it look easy but I've been doing this for 6 years now, so it's not that I'm a better dev than you, it's just that I have had more practice. Learning to code is tough, it's not supposed to be easy. That's why we make the

. All that to say, don't beat yourself up, just keep trying your best and getting more reps in. Practice makes perfect.
(We will also go over this together and build it with flexbox in Today's guided project

)

MPEG 4 Video

Brit Hemming · 11:56 AM

Brit Hemming

11:56 AM

Good Morning @channel

You've made it to your last day of instruction for sprint 1

Today we are learning all about CSS Layouts!

https://lambdaschool.zoom.us/my/brithemming

https://app.sli.do/event/xcj7bjgp

https://codepen.io/BritHemming/pen/abpVmrp?editors=1100Flexbox

documentation: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

THE SPRINT CHALLENGE TOMORROW

The sprint challenge will open tonight at midnight lambda time It will close at 5pm lambda time, there will be no retakes - please make sure you allow yourself enough time to finish. The challenge should take you about 3 hours to complete. Everyone MUST complete the challenge NO QUESTIONS in the help channel about the sprint challenge. I will open a question thread at 8am lambda time and you may drop an emoji in that thread if you have a question and I will DM you. I can clarify instructions but I CANNOT provide any hints or technical support related to completing your assigned tasks. This challenge is designed to see how well YOU know this sprint's content and we want to make sure your submission is a reflection of YOUR knowledge.

CodePen

Flexbox

... (4 kB)

https://assets.codepen.io/1247162/internal/screenshots/pens/abpVmrp.default.png?fit=cover&format=auto&ha=false&height=540&quality=75&v=2&version=1617894601&width=960

CSS-Tricks

A Complete Guide to Flexbox | CSS-Tricks

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart. (140 kB)

Est. reading time

15 minutes

https://css-tricks.com/wp-content/uploads/2018/12/guide-flexbox.png

11:57

11:57

how do we feel today?

11:59

11:59

@channel Come into the guided project! We are going to get started with the slido quiz asap

12:00

12:00

@channel - Come on in! We are going to get started!!

Vincenzo Taormina · 12:00 PM

Vincenzo Taormina 12:00 PM

Did have to do yesterday's attendance? It wasn't in there during the guided project.

Brit Hemming · 12:01 PM

Brit Hemming

12:01 PM

consistency >

6 replies

Last reply 6 days agoView thread

Jim Liberi · 12:04 PM

Jim Liberi 12:04 PM

SEO definitely helps

Brit Hemming · 12:11 PM

Brit Hemming

12:11 PM

why would we use row-reverse?

5 replies

Last reply 6 days agoView thread

Brit Hemming · 12:11 PM

Brit Hemming

12:11 PM

why would we use column?

10 replies

Last reply 6 days agoView thread

Brit Hemming · 12:17 PM

Brit Hemming

12:17 PM

will they squish or will they break to a new line?

16 replies

Last reply 6 days agoView thread

Brit Hemming · 12:19 PM

Brit Hemming

12:19 PM

https://codepen.io/BritHemming/pen/OJWObLr?editors=1100

CodePen

Flexbox Practice

... (2 kB)

https://assets.codepen.io/1247162/internal/screenshots/pens/OJWObLr.default.png?fit=cover&format=auto&ha=true&height=540&quality=75&v=2&version=1617894802&width=960

Brit Hemming · 12:20 PM

Brit Hemming

12:20 PM

5 or 6mins?

11 replies

Last reply 6 days agoView thread

Brit Hemming · 12:22 PM

Brit Hemming

12:22 PM

@Rodgers Otieno join your breakout room please!

Brit Hemming · 12:26 PM

Brit Hemming

12:26 PM

How did that breakout go?

2 replies

Last reply 6 days agoView thread

Brit Hemming · 12:29 PM

Brit Hemming

12:29 PM

equal space around

17 replies

Last reply 6 days agoView thread

Brit Hemming · 12:32 PM

Brit Hemming

12:32 PM

see the difference?

Brit Hemming · 12:39 PM

Brit Hemming

12:39 PM

make sense?

2 replies

Last reply 6 days agoView thread

Brit Hemming · 12:41 PM

Brit Hemming

12:41 PM

See the difference now?

1 reply

6 days agoView thread

Jayce Coffey · 12:49 PM

Jayce Coffey 12:49 PM
set the channel topic: Web43 Cal: https://calendar.google.com/calendar/u/0/embed?src=c_2q0kvam9h9k5i6t40qp5n18dh8@group.calendar.google.com

Brit Hemming · 12:57 PM

Brit Hemming

12:57 PM

HTML

<!-- Markup the content below with tags and attributes such that it can be styled in CSS-->
<!DOCTYPE html>
<html lang="en">
<head>
  <!--link to google fonts-->
  <link href="https://fonts.googleapis.com/css2?family=Chelsea+Market&family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
<!-- Link your CSS stylesheet -->
    <link rel="stylesheet" href="index.css">
</head>
<body>
  <header>
    <nav>
      <a class="orange" href="#">Plan your<br>Visit</a>
      <a class="blue" href="#">Learn about<br>the Park</a>
      <a class="yellow" href="#">Get<br>Involved</a>
    </nav>
  </header>
  <section class="top">
    <div class="left">
      <img src="assets/header_img.jpg" alt="sunrise over the mountains in Yosemitenational park">
    </div>
    <div class="right">
      <h1>Yosemite Park Guide</h1>
      <h2>Come explore California's beautiful wilderness.</h2>
      <p>Always open. Reservations are not available or required to enter the park.</p>
    </div>
  </section>            Not just a great valley, but a shrine to human foresight, the strength of granite, the power of glaciers, the persistence of life, and the tranquility of the High Sierra.      First protected in 1864, Yosemite National Park is best known for its waterfalls, but within its nearly 1,200 square miles, you can find deep valleys, grand meadows, ancient giant sequoias, a vast wilderness area, and much more.      "https://image.flaticon.com/icons/svg/2979/2979348.svg"
      Fire is a natural and essential part of Yosemite. We manage fire carefully and study how it interacts with the park's ecosystems. This blog provides updates about fires in Yosemite. Check for current fire restrictions.      "https://image.flaticon.com/icons/svg/820/820374.svg"
      We strongly recommend that you make reservations for lodging, camping, and backpacking. You can pay the park entrance fee upon arrival (there's no need to pay it in advance).      "footer_img.png"        Plan your Visit
        Learn about the Park
        Get Involved</body>
</html>

12:57

12:57

CSS

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}*{
    box-sizing:border-box;
    max-width:100%;
    border:1px solid grey;
}    /*General Styles*/
html{
    font-size:62.5%;
}
body{
    font-size:1.6rem;
    line-height:1.5;
    font-family: 'Roboto Mono', monospace;
}
h1{
    font-family: 'Chelsea Market', cursive;
    font-size:5.5rem;
}
section{
    padding:4% 0;
}/*header section styles*/
nav{
    padding:2% 0;
}
nav a{
    display:inline-block;
    padding:1% 0;
    border-radius:10px;
    width:10%;
    text-align:center;
    color:#fff;
    text-decoration:none;
}
.orange{
    background-color:#FF764E;
    margin-left:10%;
}
.blue{
    background-color:#5ED3EB;
    margin:0 24%;
}
.yellow{
    background-color:#FFCD69;
    margin-right:10%;
}/*Top Section styles*/
.top{
    position:relative;
}
.top div{
    display:inline-block;
    width:45%;
    margin:0 2%;
    text-align:center;
}
.left img{
    border-radius:50%;
    width:60%;
}
.right{
    padding:4%;
    line-height:2;
    position:absolute;
    bottom:20%;
}

Brit Hemming · 12:58 PM

Brit Hemming

12:58 PM

thumbs up when you are with me

5 replies

Last reply 6 days agoView thread

Brit Hemming · 1:01 PM

Brit Hemming

1:01 PM

ready to start coding?

1:06

1:06

thumbs up when you are ready for CSS

Brit Hemming · 1:06 PM

Brit Hemming

1:06 PM

is this how you laid out your website yesterday?

9 replies

Last reply 6 days agoView thread

Brit Hemming · 1:09 PM

Brit Hemming

1:09 PM

thumbs up when your divs are stacked again

Brit Hemming · 1:09 PM

Brit Hemming

1:09 PM

what do I put display flex on?

8 replies

Last reply 6 days agoView thread

Brit Hemming · 1:10 PM

Brit Hemming

1:10 PM

easier than yesterday?

2 replies

Last reply 6 days agoView thread

Brit Hemming · 1:12 PM

Brit Hemming

1:12 PM

how do I add space?

7 replies

Last reply 6 days agoView thread

Brit Hemming · 1:13 PM

Brit Hemming

1:13 PM

looking good?

4 replies

Last reply 6 days agoView thread

Brit Hemming · 1:17 PM

Brit Hemming

1:17 PM

how could we have centred the images?

6 replies

Last reply 6 days agoView thread

Brit Hemming · 1:18 PM

Brit Hemming

1:18 PM

how do we make text bold?

22 replies

Last reply 6 days agoView thread

bryan-guner · 1:19 PM

bryan-guner 1:19 PM

I am getting pretty much the same style I see on your screen but some of the lower images are abnormally large, any idea why?

1 reply

6 days agoView thread

Brit Hemming · 1:21 PM

Brit Hemming

1:21 PM

make sense?

Brit Hemming · 1:22 PM

Brit Hemming

1:22 PM

make sense?

2 replies

Last reply 6 days agoView thread

Brit Hemming · 1:22 PM

Brit Hemming

1:22 PM

thumbs up

sebastian-silva · 1:23 PM

sebastian-silva 1:23 PM

It says it's locked

1 reply

6 days agoView thread

Brit Hemming · 1:24 PM

Brit Hemming

1:24 PM

ready to keep going?

Brit Hemming · 1:26 PM

Brit Hemming

1:26 PM

looking good?

4 replies

Last reply 6 days agoView thread

Brit Hemming · 1:28 PM

Brit Hemming

1:28 PM

anything else you want to change?

9 replies

Last reply 6 days agoView thread

Brit Hemming · 1:30 PM

Brit Hemming

1:30 PM

<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16">

1 reply

6 days agoView thread

Brit Hemming · 1:34 PM

Brit Hemming

1:34 PM

questions about the order property?

2 replies

Last reply 6 days agoView thread

Brit Hemming · 1:36 PM

Brit Hemming

1:36 PM

https://codepen.io/BritHemming/pen/OJWObPr?editors=1100

CodePen

Flexbox 2 Challenge

... (65 kB)

https://assets.codepen.io/1247162/internal/screenshots/pens/OJWObPr.default.png?fit=cover&format=auto&ha=true&height=540&quality=75&v=2&version=1617894926&width=960

2 replies

Last reply 6 days agoView thread

Brit Hemming · 1:38 PM

Brit Hemming

1:38 PM

@blake-mills please join your breakout room

Brit Hemming · 1:44 PM

Brit Hemming

1:44 PM

how did that breakout go? Are you missing any challenges?

19 replies

Last reply 6 days agoView thread

Brit Hemming · 1:46 PM

Brit Hemming

1:46 PM

how did we apply space?

13 replies

Last reply 6 days agoView thread

Brit Hemming · 1:48 PM

Brit Hemming

1:48 PM

why < 25?

14 replies

Last reply 6 days agoView thread

Brit Hemming · 1:50 PM

Brit Hemming

1:50 PM

what do I put flex on?

6 replies

Last reply 6 days agoView thread

Brit Hemming · 1:51 PM

Brit Hemming

1:51 PM

make sense?

Brit Hemming · 1:52 PM

Brit Hemming

1:52 PM

how do we give unequal column widths?

11 replies

Last reply 6 days agoView thread

Brit Hemming · 1:55 PM

Brit Hemming

1:55 PM

make sense?

1:56

1:56

https://cssgrid.io/

cssgrid.io

CSS Grid

Learn all about CSS Grid with Wes Bos in this free video series! (744 kB)

https://cssgrid.io/images/GRID-social-share.png

William Larose · 1:58 PM

William Larose 1:58 PM

am I the only one who got kicked

7 replies

Last reply 6 days agoView thread

Kelsey Garcia · 2:02 PM

Kelsey Garcia

2:02 PM

@here - Hi everyone! Be sure to submit the attendance link and code in Canvas as soon as possible after the Guided Project, it will expire 15 minutes after the Guided Project is over - let me know if you have any questions!

yuxuan-zhang · 2:03 PM

yuxuan-zhang 2:03 PM

what code do we submit?

yuxuan-zhang · 2:04 PM

yuxuan-zhang 2:04 PM

the 4 digit code?

2 replies

Last reply 6 days agoView thread

Brit Hemming · 2:14 PM

Brit Hemming

2:14 PM

@channel the guided project will be available here once it's finished processing https://youtu.be/jXfXFMQcdsw

YouTube | Lambda School

CSS Layouts

bryan-guner · 2:14 PM

bryan-guner 2:14 PM

Here's a CSS quiz I made: https://web-dev-interview-prep-quiz-website.netlify.app/cascadingstylesheets.html

web-dev-interview-prep-quiz-website.netlify.app

Interview-Prep

Resource-sharing-hub

sebastian-silva · 3:34 PM

sebastian-silva 3:34 PM

is the sprint assessment due today. I have it locked?.Same for the sprint retrospectives do we just wait until tomorrow and get the module 4 project and the other tasks today?

4 replies

Last reply 6 days agoView thread

Gabrielle Crevecoeur · 4:59 PM

Gabrielle Crevecoeur 4:59 PM

Come on in for optional Q&A https://lambdaschool.zoom.us/j/2353932685

5:00

5:00

@channel ^^^

Brit Hemming · 5:37 PM

Brit Hemming

5:37 PM

@channel

THE SPRINT CHALLENGE

The sprint challenge will open tonight at midnight lambda time
It will close at 5pm lambda time, there will be no retakes
Please start on time (8am Lambda time) to make sure you allow yourself enough time to finish. The challenge should take you approx 3 hours to complete.
Everyone MUST complete the challenge
NO QUESTIONS in any of the channels about the sprint challenge.
I will open a question thread at 8am lambda time and you may drop an emoji if you have a question. Myself or @Gabrielle Crevecoeur will DM you
We can clarify instructions but we CANNOT provide any hints or technical support related to completing your assigned tasks. This challenge is designed to see how well YOU know this sprint's content and we want to make sure your submission is a reflection of YOUR knowledge.

Study Guide for the sprint challenge: https://docs.google.com/document/d/1lQtx_enUfM4Ti2VpzD8byLRvSUp6ESFFf7s6OVCSUR8/edit?usp=sharing

G Suite Document

3 replies

Last reply 5 days agoView thread

DeAnna · 6:27 PM

DeAnna 6:27 PM

I need some help with getting my work submitted is there anyone who could help me on the help channel

Loading history...

For some reason, Slack couldn't load 😓

Troubleshooting